/* NOTE: This file was generated as an optimized version of "library.source.less" for the Theme Designer. */

/*!
 * OpenUI5
 * (c) Copyright 2009-2019 SAP SE or an SAP affiliate company.
 * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.
 */
@import "../../../../../../Base/baseLib/baseTheme/base.less"; /* ORIGINAL IMPORT PATH: "../../../../../sap/ui/core/themes/base/base.less" */

@import "../../../../../sap/ui/core/themes/base/global.less";

/* START "Toolbar.base.less" */
/******************************************************************
	Style of the RTA Toolbar (all types) - base Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG : lighten(@sapSelectedColor,32%);						//#c2e2f9
@_sap_ui_rta_Toolbar_Base_TextColor: @sapUiWhite;												//#fff
@_sap_ui_rta_Toolbar_Base_BaseColor : darken(desaturate(@sapChart_OrderedColor_1, 48%), 14%);	//#435060


.sapUiRtaToolbar {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	padding: 0 20px;
	height: 48px; /* Overrider `.sapUiSizeCompact .sapMTB` */

	.sapMBtn {
		margin: 0 4px;
		&.sapMBtnDisabled .sapMBtnInner{
			opacity: 0.5;
		}
	}

	.sapMBtnTransparent,
	:not(.sapMBtnDisabled) .sapMBtnTransparent > .sapMBtnIcon,
	:not(.sapMBtnDisabled) .sapMBtnGhost > .sapMBtnIcon {
		color: @_sap_ui_rta_Toolbar_Base_TextColor;
	}

	.sapMSegB > .sapMSegBBtn .sapMSegBBtnInner {
		background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
		color: @_sap_ui_rta_Toolbar_Base_TextColor;
		border: none;
		position: relative;
	}

	.sapMSegBBtn.sapMSegBBtnFocusable {

		&:hover .sapMSegBBtnInner,
		&.sapMSegBBtnSel:hover .sapMSegBBtnInner {
			color: @_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG;
		}

		&:focus .sapMSegBBtnInner {
			outline: 1px dotted @_sap_ui_rta_Toolbar_Base_TextColor;
			outline-offset: -1px;
		}

		&.sapMSegBBtnSel {

			&:hover .sapMSegBBtnInner::after {
				border-bottom: 2px solid @_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG;
			}

			&:hover .sapMSegBBtnInner {
				background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
			}

			& .sapMSegBBtnInner::after {
				position: absolute;
				display: block;
				content: '';
				border-bottom: 2px solid @_sap_ui_rta_Toolbar_Base_TextColor;
				left: 0.4375rem;
				right: 0.4375rem;
			}

			+ .sapMSegBBtn .sapMSegBBtnInner {
				border-left: none;
			}
		}
	}

	.sapMSegBBtnFocusable.sapMBtnActive:hover {
		.sapMSegBBtnInner {
			background-color: @_sap_ui_rta_Toolbar_Base_BaseColor;
		}
		& .sapMSegBBtnInner::after {
			border-bottom: 2px solid @_sap_ui_rta_Toolbar_Base_SegBBtnHoverBG;
		}
	}

	.sapMBtn .sapMBtnContent,
	.sapMBtn .sapMBtnTransparent .sapMBtnIcon {
		text-shadow: none; /* Override shadow of `.sapMBtnInner` in sap.m */
		color: @_sap_ui_rta_Toolbar_Base_TextColor;
	}

	.sapMBtn:focus .sapMFocusable {
		outline: none;
		border: 1px dotted @_sap_ui_rta_Toolbar_Base_TextColor;
	}
}
/* END "Toolbar.base.less" */

/* START "Toolbar.adaptation.less" */
/******************************************************************
	Style of the RTA Toolbar (type: adaptation) - base Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Adaptation_BaseColor : darken(desaturate(@sapChart_OrderedColor_1, 48%), 14%); //435060

.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
	.sapMFlexBox {
		margin-left: 0;
		margin-right: 0;
		height: inherit;
		background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
	}

	.sapMHBox.sapMFlexBox:first-child.sapMTBShrinkItem {
		min-width: 0; /* Overrider '.sapMTBShrinkItem' */
	}

	.sapMHBox.sapMFlexBox:last-child {
		.sapMFlexItem:first-child {
			.sapMTB {
				border-bottom: none;
				height: 48px;
				background-color: @_sap_ui_rta_Toolbar_Adaptation_BaseColor;
			}

			.sapMSegB {
				margin-left: 0;
			}
		}
	}

	// Disable the right margin for Exit button
	>.sapMFlexItem:last-child {
		>.sapMFlexItem:last-child {
			.sapMBtn:last-child {
				margin-right: 0;
			}
		}
	}
}

.sapUiMedia-sapUiRtaToolbar-sapUiRtaToolbarTablet, .sapUiMedia-sapUiRtaToolbar-sapUiRtaToolbarMobile {
	.sapUiRtaToolbar.sapUiRtaToolbarAdaptation {
		.sapMFlexBox:first-child {
			display: none;
		}
	}
}
/* END "Toolbar.adaptation.less" */

/* START "Toolbar.fiori.less" */
/**
	This class is being assigned to the original Fiori Header Toolbar when RTA Toolbar shows
 */
@_sap_ui_rta_Toolbar_Fiori_TextColor: @sapUiWhite;  //#fff

.sapUiRtaFioriHeaderInvisible {
	visibility: hidden;
}



/* type: fiori */
.sapUiRtaToolbar.type_fiori {
	transition: opacity 0.25s ease-out;
	opacity: 0;

	&.is_visible {
		opacity: 1;
	}

	/* color: contrast */
	&.color_contrast {

		.sapMBtn .sapMBtnContent,
		.sapMBtn .sapMBtnIcon {
			text-shadow: none; /* Override shadow of `.sapMBtnInner` in sap.m */
			color: @_sap_ui_rta_Toolbar_Fiori_TextColor;
		}

		.sapMBtn.sapMBtnDisabled {
			opacity: 0.3;
		}
	}
}

/* END "Toolbar.fiori.less" */

/* START "Toolbar.standalone.less" */
/******************************************************************
	Style of the RTA Standalone Toolbar - base Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Standalone_TextColor: @sapUiWhite;												// #fff
@_sap_ui_rta_Toolbar_Standalone_BaseColor : darken(desaturate(@sapChart_OrderedColor_1, 48%), 14%);	// #435060

.sapUiRtaToolbar.type_standalone.color_default {
	background-color: @_sap_ui_rta_Toolbar_Standalone_BaseColor;
	top: -50px;
	transition: top 0.25s ease-out;
	height: 48px;

	&.is_visible {
		top: 0;
	}

	.sapMBtn:focus .sapMFocusable {
		outline: none;
		border: 1px dotted @_sap_ui_rta_Toolbar_Standalone_TextColor;
	}
}
/* END "Toolbar.standalone.less" */

/* START "Toolbar.personalization.less" */
/******************************************************************
	Style of the Personalization Toolbar - base Theme
*******************************************************************/
@_sap_ui_rta_Toolbar_Personalization_TextColor: @sapUiWhite;												// #fff
@_sap_ui_rta_Toolbar_Personalization_TextShadowColor : @sapUiDeepBG;										// #000
@_sap_ui_rta_Toolbar_Personalization_BaseColor : darken(desaturate(@sapChart_OrderedColor_1, 48%), 14%);	// #435060

.sapUiRtaToolbar.type_personalization {
	top: auto;
	top: initial;
	bottom: 0;
	background-color: @_sap_ui_rta_Toolbar_Personalization_BaseColor;
	padding: 0 1rem;
	opacity: 0.9;
	height: 48px;

	.sapMBtn {
		.sapMBtnTransparent.sapMBtnInner {
			border: none;

			.sapMBtnContent {
				color: @_sap_ui_rta_Toolbar_Personalization_TextColor;
				text-shadow: 0 0 0.125rem @_sap_ui_rta_Toolbar_Personalization_TextShadowColor;
			}
		}
	}

	// Disable the right margin for Done button
	>.sapMFlexItem:last-child {
		.sapMBtn:last-child {
			margin-right: 0;
		}
	}
}
/* END "Toolbar.personalization.less" */


/* START "FieldRepository.less" */
/******************************************************************
	Style of the RTA FieldRepository  - base Theme
*******************************************************************/

.sap-desktop.sapUiBLyBackOverride {
	overflow: auto!important;
}

.sapUIRtaFieldRepositoryDialog .sapMDialogTitle {
	font-size: 16px;
	font-weight: normal;
}

.sapUIRtaFieldRepositoryDialog .sapUiTable > div.sapUiTableCnt {
	border-left: 0px;
	border-right: 0px;
}
.sapUIRtaFieldRepositoryDialog .sapUiDlgFooter {
	height: 60px;
}

/* Sort Button */
.sapUIRtaFieldRepositoryDialog .sapMBtn>.sapMBtnInner{
	border: none;
	background: transparent;
}

/* Footer Button */
.sapUIRtaFieldRepositoryDialog .sapUiDlgFooter .sapMBtnInner {
	background-color: transparent;
	background: none;
	border: none;
	text-shadow: none;
}

.sapUIRtaFieldRepositoryDialog .sapUiTableColHdrTr > td, .sapUIRtaFieldRepositoryDialog .sapUiTableTr > td {
	border: none;
}

.sapUIRtaFieldRepositoryDialog .sapUiTableColHdrTr > td, .sapUIRtaFieldRepositoryDialog .sapUiTableTr > td {
	border: none;
}

.sapUIRtaFieldRepositoryDialog .sapUiLbl {
	margin-left: 12px;
}

.sapUIRtaFieldRepositoryDialog .sapMIBar > .sapMBarChild:last-child {
	margin-right: 12px;
}

.sapUIRtaFieldRepositoryDialog .sapUiLblIco  {
	font-size: 1.2rem;
}

.sapUIRtaFieldRepositoryDialog .sapUIRtaValueCell {
	height: 18px;
	width: 300px;
}

.sapUIRtaFieldRepositoryDialog .sapUIRtaCCDialogScrollContainer{
	height: 400px !important;
	width: 100% !important;
}

.sapUIRtaFieldRepositoryDialog .sapMList .sapMListUl .sapMCLI {
	padding-left: 10px;
}

.sapUIRtaFieldRepositoryDialog .sapUIRtaBusinessContextContainer{
	width: 100%;
	margin-top: 4px;
	padding-bottom: 4px;
	border-bottom: 1px solid @sapUiGroupTitleBorderColor;
}

.sapUIRtaFieldRepositoryDialog .sapUIRtaBusinessContextContainer > div:not(:first-child) {
	padding-left: 35px;
	padding-right: 10px;
}
.sapUIRtaFieldRepositoryDialog .sapUIRtaBusinessContextContainer > div {
	padding-left: 10px;
}
/* END "FieldRepository.less" */

/* START "Overlay.less" */
/******************************************************************
	Style of the RTA Overlays - base Theme
*******************************************************************/
@_sap_ui_rta_Overlay_ActiveBG : fade(@sapUiSelected, 10%);									//rgba(46, 156, 234, 0.1);
@_sap_ui_rta_Overlay_BaseBG : @sapUiWhite;													//#fff
@_sap_ui_rta_Overlay_Border: @sapUiSelected;												//#2e9cea
@_sap_ui_rta_Overlay_ErrorBorder : @sapUiErrorBorder;										//#ee0000
@_sap_ui_rta_Overlay_BoxShadow: @sapUiUx3ToolPopupShadow;									// 0px 6px 12px 0px fade(black, 30);
@_sap_ui_rta_Overlay_HoverBorder : @sapContent_ForegroundColor;								// #e5e5e5;
@_sap_ui_rta_Overlay_BaseColor : darken(desaturate(@sapChart_OrderedColor_1, 48%), 14%);	//435060

.sapUiRtaRoot {
	.sapUiRtaMarginBottom {
		margin-bottom: 40px;
	}

	.sapUiRtaPaddingTop {
		padding-top: 40px;
	}

	&.sapUiRtaStretchPaddingTop, .sapUiRtaStretchPaddingTop {
		padding-top: 24px;
	}
}

.sapUiSizeCozy .sapUiRtaRoot .sapUiRtaStretchPaddingTop, .sapUiSizeCozy .sapUiRtaRoot.sapUiRtaStretchPaddingTop {
	padding-top: 32px;
}

.sapUiRta {
	&.sapUiRtaPersonalize {
		.sapUiRtaPersDelete {
			.sapUiRtaPersDeleteClick {
				.sapUiRtaPersDeleteIconOuter {
					.sapMBtn {
						top: 10px;
						right: 10px;
						position: absolute;
						height: 1.5rem;
						padding: 0;

						.sapMBtnInner {
							border-radius: 50%;
							width: 1.5rem;
							height: 1.5rem;
							min-width: 0;
							background-color: @_sap_ui_rta_Overlay_Border;
							box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
							cursor: pointer;
							border: 0.125rem solid @_sap_ui_rta_Overlay_BaseBG;

							.sapUiIcon {
								color: @_sap_ui_rta_Overlay_BaseBG;
								font-size: 0.69rem;
								line-height: 1.25rem;
								width: 20px;
								text-shadow: none;
								margin: 0;
							}
						}
					}
				}
			}

			&.sapUiRtaOverlayPlaceholder {
				.sapUiRtaPersDeleteClick {
					display: none;
				}
			}
		}
		.sapUiRtaPersAdd, .sapUiRtaPersAddTop {
			.sapUiRtaPersAddIconOuter {
				position: absolute;
				text-align: center;
				width: 100%;
				height: 40px;
				cursor: default;

				&:focus {
					outline: none;
				}

				.sapMBtn {
					color: @_sap_ui_rta_Overlay_Border;
					height: 100%;
					padding: 0;

					.sapMBtnInner {
						border: none;
						background-color: transparent;

						&.sapMBtnActive {
							color: inherit;

							.sapMBtnIcon {
								color: inherit;
							}
						}

						.sapMBtnIcon {
							font-size: 1rem;
						}
					}
				}
			}

		}
		.sapUiRtaPersAdd {
			> .sapUiRtaPersAddIconOuter {
				bottom: -40px;
				top: auto;
			}
		}
	}

	.sapUiRtaOverlayHover {
		-webkit-transition: background 0.1s cubic-bezier(1,.01,1,0);
		-moz-transition: background 0.1s cubic-bezier(1,.01,1,0);
		-o-transition: background 0.1s cubic-bezier(1,.01,1,0);
		transition: background 0.1s cubic-bezier(1,.01,1,0);

		&:after {
			content: " ";
			border: 1px solid @_sap_ui_rta_Overlay_HoverBorder;
			transition: box-shadow .25s;
			box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
			outline: 1px solid @_sap_ui_rta_Overlay_Border;
			outline-offset: -1px;
		}
	}

	.sapUiDtOverlayFocusable {
		&:focus {
			&:before {
				right: 0;
				top: 0;
				left: 0;
				bottom: 0;
				// IE doesn't support width/height: 'initial'.// TODO remove after 1.62 version
				// With the property 'auto' the same effect is achieved.
				// When initial is supported, auto is ignored.
				width: auto;
				width: initial;
				height: auto;
				height: initial;
			}
		}
	}

	.sapUiDtOverlaySelected {
		transition: box-shadow .25s;
		box-shadow: @sapUiUx3ToolPopupShadow;
		&.sapUiDtOverlayWithScrollBar:after {
			bottom: 0;
			right: 0;
			top: 0;
			left: 0;
			// IE doesn't support width/height: 'initial'.// TODO remove after 1.62 version
			// With the property 'auto' the same effect is achieved.
			// When initial is supported, auto is ignored.
			width: auto;
			width: initial;
			height: auto;
			height: initial;
		}

		&:after {
			outline: 2px solid @_sap_ui_rta_Overlay_Border;
			outline-offset: -2px;
			border:	none
		}

		&.sapUiRtaErrorBg:after {
			outline: 2px solid @_sap_ui_rta_Overlay_ErrorBorder;
			outline-offset: -2px;
			border:	none
		}

		&.sapUiDtOverlayFocusable {
			&:focus {
				&:before {
					top: 2px;
					left: 2px;
					bottom: 2px;
					right: 2px;
					// IE doesn't support width/height: 'initial'.// TODO remove after 1.62 version
					// With the property 'auto' the same effect is achieved.
					// When initial is supported, auto is ignored.
					width: auto;
					width: initial;
					height: auto;
					height: initial;
				}
			}
		}
	}

	.sapUiDtOverlayTargetZone {
		&:after {
			outline: 2px dashed @_sap_ui_rta_Overlay_Border;
			outline-offset: -2px;
			transition: box-shadow .25s;
			box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
		}

		>.sapUiDtOverlayChildren {
			>.sapUiRtaOverlayPlaceholder {
				border: none;
			}
		}
		&.sapUiDtOverlayDropZone >.sapUiDtOverlayChildren >.sapUiRtaOverlayPlaceholder {
			background: transparent;
		}
	}

	.sapUiDtOverlayDropZone {
		>.sapUiDtOverlayChildren {
			>.sapUiDtOverlayMovable {
				background: @_sap_ui_rta_Overlay_ActiveBG;
				// no "border"
				&:after {
					content: none;
				}
			}

			>.sapUiRtaOverlayPlaceholder {
				background: @_sap_ui_rta_Overlay_BaseBG!important;
				// no "border"
				&:after {
					content: none;
				}
				// no "focus" border
				&:focus {
					&:before {
						content: none;
					}
				}

				// all descendants
				* {
					background: @_sap_ui_rta_Overlay_BaseBG;
					// no "border"
					&:after {
						content: none;
					}
					// no "focus" border
					&:focus {
						&:before {
							content: none;
						}
					}
				}
			}
		}
	}

	.sapUiRtaEditableField {
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;

		>div:hover {
			cursor: text!important;
		}
	}

	.sapUiDtDragGhost {
		background: @_sap_ui_rta_Overlay_ActiveBG;
		box-shadow: @_sap_ui_rta_Overlay_BoxShadow;
	}
}

.sapUiRtaMode #shell-shapes{
	display: none;
}

.sapUiRtaMode .sapUiShellBackgroundImage.sapUiGlobalBackgroundImageForce.sapUshellShellBG{
	background-color: @_sap_ui_rta_Overlay_BaseColor;
	background-image:  none;
}

.sapUiRtaMode .sapUshellViewPortCenter,
.sapUiRtaMode .sapMShellBG{
	background: @_sap_ui_rta_Overlay_BaseColor;
}
/* END "Overlay.less" */

/* START "ContextMenu.less" */
/******************************************************************
	Style of the RTA Contextmenu - base Theme
*******************************************************************/
@_sap_ui_dt_ContextMenu_BoxShadow : @sapUiUx3ToolPopupShadow;			// 0px 6px 12px 0px fade(black, 30);
@_sap_ui_dt_ContextMenu_FocusColor : @sapUiWhite;						// #fff

.sapUiRtaMode {

	.sapUiDtContextMenu {

		.sapMPopoverScroll {
			margin-right: 0 !important;
		}

		.sapMBtnInner {
			text-align: left;
			text-shadow: none;
		}

		&.sapMPopover, .sapMPopover{
			opacity: 0;
			min-width: 0;
			transition: box-shadow .25s;
			box-shadow: @_sap_ui_dt_ContextMenu_BoxShadow;
			padding: 0.2rem;

			&.sapUiDtContextMenuVisible{
				opacity: 1;
			}
		}

		&.sapMPopoverArr, .sapMPopoverArr{
			bottom: -9px;
			&:after {
				box-shadow: none;
				width: 0.7rem;
				height: 0.7rem;
			}
			&.sapMPopoverArrUp{
				top: -8px;
			}
		}
	}
}
/* END "ContextMenu.less" */

/* START "MessageBox.less" */
.sapUiRtaMessageBox {
	& .sapMLnk,
	& .sapMText {
		display: inline;
	}
}
/* END "MessageBox.less" */
